
import { ObserverText, ObserverView } from "../../components"
import {  dpw8 } from "../../constants"

interface ModalHeaderProps {
    title: string
    desc?: string
    style?: any
}
const ModalHeader = (props: ModalHeaderProps) => {
    const { title, desc, style } = props

    return (
        <ObserverView style={{flexDirection: 'row', alignItems: 'center',borderBottomWidth: 1, ...style}} themeStyle={{borderBottomColor: 'color_9'}}>
            <ObserverText tKey={title} type="head" />
            {desc && <ObserverText style={{marginLeft: dpw8}} tKey={desc} type="desc" />}
        </ObserverView>
    )
}

export default ModalHeader
